<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style.min.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
	<title>拟态风格页面 </title>
</head>

<body>
	<div class="container">
		<div class="page">
			<div class="top">
				<div class="title">
					<div class="left">
						<div class="text"> 音乐播放器</div>
						<div class="sub">
							<div class="flag">
								<div class="ellipse ellipse1"></div>
								<div class="ellipse ellipse2"></div>
								<div class="ellipse ellipse3"></div>
								<div class="ellipse ellipse4"></div>
							</div>
							<div class="subtext">HL</div>
						</div>
					</div>
					<i class="iconfont icon-caidan" ></i>
				</div>
				<div class="treat-time-container">
					<div class="treat-time">
						<div class="circle1"></div>
						<div class="circle2"></div>
						<div class="circle3"></div>
						<div class="circle4"></div>
						<div class="circle5"></div>
						<div class="circle6"></div>
						<div class="circle7"></div>
						<div class="inner-circle">
							<div class="treat-title">00:00</div>
							<div class="time">00:00</div>
						</div>
					</div>
				</div>
				<div class="comfort">以父之名</div>
				<div class="slider-container">
					<div class="strength">音量</div>
					<div class="slider-outer">
						<div class="bg">
							<div class="left"></div>
						</div>
						<div class="thumb">
							<div class="thumb-inner"></div>
						</div>
					</div>
					<div class="number">
						<div class="number-text">1</div>
						<div class="number-text">2</div>
						<div class="number-text">3</div>
						<div class="number-text">4</div>
						<div class="number-text">5</div>
					</div>
				</div>
				<div class="button-container">
					<div class="button pause">
						<i class="iconfont icon-icon_play"></i>
					</div>
					<div class="button">
						<i class="iconfont icon-danquxunhuan"></i>
					</div>
				</div>
			</div>
		</div>
    </div>
    <audio src="./以父之名.mp3" id="audio"></audio>
    <script src="./main.js" ></script>
</body>

</html>